Ejemplos de tablas
Materia 1 | Materia 2 | Materia 3 |
Redes | Programacion Web | Ingles |
80 | 80 | 100 |
Colores en las tablas
Nombre | Apellido | Edad |
Leonardo | Ricardo | Maria |
20 | 20 | 20 |
Bardo | Gordillo | Petra |
Tablas con borde
Futbol | Basket | Beisbol |
Ronaldo | Jordan | Hakimi |
7 | 24 | 87 |
Goat | Goat | Goat |
Tabla con borde punteado
Deporte | Jugador | Edad |
Futbol | Messi | 36 |
Baloncesto | LeBron | 39 |
Tenis | Federer | 42 |
Columna más ancha
Firstname | Lastname | Age |
Jill | Smith | 50 |
Eve | Jackson | 94 |
Fila más ancha
Animal | Especie | Edad (años) |
Max | Perro | 5 |
Luna | Gato | 3 |
Rocky | Caballo | 12 |
Encabezados verticales
Marca | Ford | Chevrolet |
Modelo | Mustang | Camaro |
Año | 2023 | 2022 |
Encabezados para múltiples columnas y título
Ejemplos tabla
Nombre | Edad |
Leo | Rick | |
Eve | Jackson | 94 |
Relleno de celdas: arriba, abajo, izquierda y derecha
Estos ejercicios sirven mucho para aprender
Nombre | Apellido | Deporte |
Leo | Smith | Basket |
Eli | Jackson | Futbol |
Erick | Doe | Beisbol |
Intervalo de columnas y filas
Artista | Canción |
Phone | Badbo | Kemba walker |
Jhayco | 512 |
Artistas del género urbano
Bad Bunny el mejor, te amo
Nombre | Apellido | Ingresos |
Bad | Bunny | $100M |
Daddy | Yankee | $150M |
Karol | G | $300M |
J Balvin | | $250M |
Striped Table
Para aplicar estilos de cebra a las filas, usa `nth-child()`:
Solo darle color a unas filas
Lunes | Martes | Miércoles | Jueves | Viernes | Sábado | Domingo |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |